@import '~antd/es/style/themes/default.less';

.title {
  position: relative;
  color: @text-color;
  font-size: 12px;
  text-align: center;
}

.head-title {
  margin-bottom: 20px;
  color: @heading-color;
  font-weight: 500px;
  font-size: 16px;
}
.accessCode>div{
  max-width: 100% !important;
  text-align: center !important;
}
.picture>div{
  padding: 5px;
  }
    .validation>div>div{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .successfulValidation>div>div{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .successful{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    height:100%;
    padding-top: 5%;
    padding-bottom: 5%;
    background-color: white;
  }
  .validation>div>div>div{
    flex: 1;
    width: 30% !important;
    min-width: 30% !important; // 加入这两个后每个item的宽度就生效了
    max-width: 30% !important; // 加入这两个后每个item的宽度就生效了
  }
  .successfulValidation>div>div>div{
    flex: 1;
    width: 33.3% !important;
    min-width: 33.3% !important; // 加入这两个后每个item的宽度就生效了
    max-width: 33.3% !important; // 加入这两个后每个item的宽度就生效了
  }
.successfulCheck{
  flex: 1;
  width: 55% !important;
  min-width: 55% !important; // 加入这两个后每个item的宽度就生效了
  max-width: 55% !important; // 加入这两个后每个item的宽度就生效了
}
.successfulTemporary{
  margin-top: 3em !important;
  flex: 1;
  width: 45% !important;
  min-width: 45% !important; // 加入这两个后每个item的宽度就生效了
  max-width: 45% !important; // 加入这两个后每个item的宽度就生效了
}
  .validation{
    width: 55em;
    margin: 0 auto;
  }
  .temporary>div{
    margin: 0 auto;
    text-align: center
  }
  .cardInformation{
    width: 20em;
    height: 13em;
    margin: 0 auto;
  }
.cardInformation table{
  margin-left: 20%;
}
.grounding>div{
  background-color: #f0f2f5;
}
.success_padding>div{
  padding-bottom: 0px;
}
.validation_button>div{
  margin: 0 auto;
  text-align: center;
}
.validation_button{
  margin-bottom: 23px;
}